<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人博客</title>
    <link rel="icon" href="../login/img/635池.png" type="image/x-icon">
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="../icon/iconfont.css">
</head>
<body>
    <div class="top">
        <div class="left">~~~个人博客</div>
        <div class="switch">
            <span class="iconfont icon-taiyang"></span>
            <div class="toggle">
                <div class="circle"></div>
            </div>
            <span class="iconfont icon-yueliang"></span>
        </div>
        <div class="right">
            <div class="right-left">首页</div>
            <div class="right-rigth">登录</div>
        </div>
    </div>

    <div class="container">
        <!-- <div class="carda">
          <img src="../login/img/1.jpg" alt="Phone Image">
          <h3>1688 Virtual Shop</h3>
          <em>开启用户视觉新体验</em> <em>/</em> <em>2020.01.01</em>
          <p>阿里巴巴旗下新体验阿里巴巴旗下新体验</p>
        </div>
        <div class="carda">
            <img src="../login/img/1.jpg" alt="Phone Image">
            <h3>1688 Virtual Shop</h3>
            <em>开启用户视觉新体验</em> <em>/</em> <em>2020.01.01</em>
            <p>阿里巴巴旗下新体验阿里巴巴旗下新体验</p>
          </div>
          <div class="carda">
            <img src="../login/img/1.jpg" alt="Phone Image">
            <h3>1688 Virtual Shop</h3>
            <em>开启用户视觉新体验</em> <em>/</em> <em>2020.01.01</em>
            <p>阿里巴巴旗下新体验阿里巴巴旗下新体验</p>
          </div>
          <div class="carda">
            <img src="../login/img/1.jpg" alt="Phone Image">
            <h3>1688 Virtual Shop</h3>
            <em>开启用户视觉新体验</em> <em>/</em> <em>2020.01.01</em>
            <p>阿里巴巴旗下新体验阿里巴巴旗下新体验</p>
          </div> -->
    </div>

    <div class="config" style="display: none;">
        <div class="config-on"><b>登录</b></div>
        <div class="config-in">
            <form class="login-form">
                  <p><input type="text" class="form-control" name="mobile" placeholder="默认手机号13888888888"></p>
                  <p><input type="text" class="form-control" name="code" placeholder="默认验证码246810"></p>
                  <div class="check"><a href="#"><input type="checkbox" name="checkbox">记住密码</a>  <a href="#" class="forget">忘记密码?</a></div>
                <div class="config-an">
                    <span class="login-text">登录</span>
                    <span class="check-text" style="display: none;">✔</span>
                    <span class="error-text" style="display: none;">✖</span>
                </div>
            </form>
        </div>
        
        <div class="motai" style="display: none;">
            <div class="motai-x">✖</div>
            <div class="motai-d"><img src="./img/1.jpg" alt=""></div>
        </div>
    </div>
    <script src="./index.js"></script>
</body>
</html>